<form nz-form [formGroup]="validateForm">
	<nz-form-item>
		<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="gridAreaName">网格区名称</nz-form-label>
		<nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="网格区名称不能为空!">
			<input nz-input formControlName="gridAreaName" id="gridAreaName" placeholder="请填写网格区名称" />
		</nz-form-control>
	</nz-form-item>
	<nz-form-item>
		<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="ownerCommunity">配置社区</nz-form-label>
		<nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="配置社区不能为空!">
			<nz-cascader nzPlaceHolder="请选择社区" [nzOptions]="areaAddrOptions" formControlName="ownerCommunity"
				[nzAllowClear]="false" [nzShowSearch]="true" (ngModelChange)="ownerCommunityChange($event)"> </nz-cascader>
		</nz-form-control>
	</nz-form-item>

	<nz-form-item>
		<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="listupdate">配置村户</nz-form-label>
		<nz-form-control [nzSm]="14" [nzXs]="24">
			<!-- <nz-select formControlName="houseHoldSave" [nzMode]="'multiple'" nzAllowClear>
				<nz-option *ngFor="let item of household" [nzLabel]="item.address" [nzValue]="item.id">
				</nz-option>
			</nz-select> -->
			<!-- <app-cascader-multiple [node]="gongTree"></app-cascader-multiple> -->
			<nz-tree-select
			#treeNode
			style="width: 100%;"
			[nzDropdownStyle]="{'max-height': '300px'}"
			formControlName="houseHoldSave"
			[nzNodes]="gongTree"
			(ngModelChange)="onChange($event)"
			nzShowSearch
			nzCheckable
			[nzDisplayWith]="nzDisplayWith"
			nzPlaceHolder="请选择村户"
			>
			</nz-tree-select>
		</nz-form-control>
	</nz-form-item>
	<nz-form-item>
		<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="gridDescription">社区描述</nz-form-label>
		<nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="社区描述不能为空!">
			<textarea nz-input formControlName="gridDescription" rows="4" placeholder="请填写社区描述"></textarea>
		</nz-form-control>
	</nz-form-item>

</form>